<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>login</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">

</head>

<body>
    <div class="container">
        <div class="login">
            <div class="switch-menu clearfix">
                <span class="left" id="login-sm-menu">
                    短信登录／注册
                </span>
                <span class="right selected">
                    密码登录
                </span>
            </div>
            <form action="" class="form">
                <!-- 短信登录 -->
                <div class="fields">
                    <div class="field-item">
                        <p class="txt">
                            请仔细阅读 <a href="">豆瓣使用协议、隐私政策</a>
                        </p>
                    </div>
                    <div class="field-item">
                        <input type="text" class="mobile" placeholder="手机号">
                        <div class="country-code">
                            <span>+86</span><input type="hidden" id="selected-country-code" value="+86">
                        </div>
                        <div class="country-box">
                            <div class="center">
                                <div class="country-header">
                                    <span>选择国际区号</span><span id="close-country-list" class="close">X</span>
                                </div>

                                <div class="country-body">
                                    <ul>
                                        <li class="clearfix"><span class="left">国家名1</span><span class="right">+1</span>
                                        </li>
                                        <li class="clearfix selected"><span class="left">国家名2</span><span
                                                class="right">+2</span>
                                        </li>
                                        <li class="clearfix"><span class="left">国家名3</span><span class="right">+3</span>
                                        </li>
                                        <li class="clearfix"><span class="left">国家名4</span><span class="right">+4</span>
                                        </li>
                                        <li class="clearfix"><span class="left">国家名5</span><span class="right">+5</span>
                                        </li>
                                        <li class="clearfix"><span class="left">国家名6</span><span class="right">+6</span>
                                        </li>
                                        <li class="clearfix"><span class="left">国家名7</span><span class="right">+7</span>
                                        </li>
                                        <li class="clearfix"><span class="left">国家名8</span><span class="right">+8</span>
                                        </li>
                                        <li class="clearfix"><span class="left">国家名9</span><span class="right">+9</span>
                                        </li>
                                        <li class="clearfix"><span class="left">国家名10</span><span
                                                class="right">+10</span></li>
                                    </ul>
                                </div>
                            </div>

                        </div>


                    </div>
                    <div class="field-item">
                        <input type="text" placeholder="验证码">
                    </div>
                    <div class="field-item">

                    </div>
                </div>
                <!-- 密码登录 -->
                <div class="fields"></div>
            </form>
            <div class="external-log"></div>
        </div>
    </div>
    <script src="./js/vendor/jquery-3.3.1.min.js"></script>
    <script src="./js/login.js"></script>
</body>

</html>